<template>
   <div class="main">
        <mt-header fixed title="首页" ></mt-header>
        <mt-swipe :auto="4000" class="swipe" >
            <mt-swipe-item class="item1"><img src="../assets/1.jpg" alt=""></mt-swipe-item>
            <mt-swipe-item class="item1"><img src="../assets/2.jpg" alt=""></mt-swipe-item>
            <mt-swipe-item class="item1"><img src="../assets/3.jpg" alt=""></mt-swipe-item>
        </mt-swipe>
   </div>
</template>

<style>
    .swipe{
        height:200px;
        margin-top: 40px;
        width:100%;
    }
    .item1 img{
        width: 100%;
        height: 100%;
    }
    .main{
        width:100%;
    }
</style>